How to implement multi-level headers in a basic table (ListTable)?

Question Description

How to construct such hierarchical structure to display in table header cells like: Department (Finance, Technology), Name (First Name, Last Name)?

Solution

In VTable, the configuration option "columns" can be used to configure sub-items under "columns".

Code Example

{
  field: 'full name',
  title: 'Full name',
  columns: [
    {
      field: 'name',
      title: 'First Name',
      width: 120
    },
    {
      field: 'lastName',
      title: 'Last Name',
      width: 100
    }
  ]
},

Results

• Online demo

Quote

• List Table Demo
• List Table Tutoria
• Related api
• github